<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-model="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>报价单</title>
    <link href="../lib/amaze_vue/amaze-vue.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/basic/css/demo.css" rel="stylesheet" type="text/css"/>
    <link href="../home/css/hmstyle.css" rel="stylesheet" type="text/css"/>
    <link href="../home/css/skin.css" rel="stylesheet" type="text/css"/>
    <script src="../lib/jquery/jquery.min.js"></script>
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <style type="text/css">

        .titleDiv {
            height: auto;
            font-size: 30px;
            text-align: center;
        }
    </style>
</head>

<body>

<div id="quotation">
    <div class="hmtop">
        <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>
    </div>
    <div class="shopMainbg">
        <div class="shopMain" id="shopmain">
            <div class="am-container activity ">
                <div class="footer " style="margin-top: 0px">
                    <form>
                        <div class="titleDiv">报价单</div>
                            <div class="am-g" align="left" style="width:90%">
                                <div class="am-u-sm-4" ><span>商品名称：</span><input size="small" class="am-form-field am-radius" v-model="quoteOrCompare.name" readonly="true"/></div>
                                <div class="am-u-sm-4" ><span>限额价格：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.priceCap" readonly="true"/></div>
                               </div>

                        <div class="am-g" align="left" style="width:90%">

                            <div class="am-u-sm-4" ><span>商品报价：</span><input @keyup="onSum" size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteSum" value="" placeholder="成交价"/></div>
                            <div class="am-u-sm-4" ><span>报价单位：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteUnit" value="" placeholder="报价单位"/></div>
                        </div>

                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>联&nbsp;&nbsp;系&nbsp;人：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteName" value="" placeholder="联系人"/></div>
                            <div class="am-u-sm-4" ><span>手&nbsp;&nbsp;机&nbsp;号：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteTel" value="" placeholder="请输入联系人手机号"/></div>
                        </div>
                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>报价地点：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteAdrss" value="" placeholder="报价地点"/></div>
                            <div class="am-u-sm-4" ><span>交货地点：</span><input size="small"  class="am-form-field am-radius"  v-model="quoteOrCompare.consingmentAdress" value="" placeholder="交货地点"/></div>
                           </div>
                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>交货时间：</span>
                                <template>
                                <div class="block" style="width:90%">
                                    <el-date-picker v-model="quoteOrCompare.consingmentTime" type="date" placeholder="选择日期" style="width:347.39px;">
                                    </el-date-picker>
                                </div>

                            </template></div>
                            <div class="am-u-sm-4" ><span>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.brand" value="" placeholder="品牌"/></div>
                        </div>
                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</span><input size="small"  class="am-form-field am-radius"  v-model="quoteOrCompare.ggxh" value="" placeholder="型号"/></div>
                            <div class="am-u-sm-4" ><span>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：</span><input @keyup="SumPrice();" :plain="true" size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.num" value="" placeholder="数量"></input></div>
                        </div>
                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>单&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input @keyup="SumPrice();"  size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.dj" value="" placeholder="单价"/></div>
                            <div class="am-u-sm-4" ><span>总&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.total" value="" placeholder="总价" disabled/></div>
                        </div>
                        <div class="am-g" align="left" style="width:90%">
                            <div class="am-u-sm-4" ><span>市&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input  @keyup="onSum" :plain="true"  size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.commodityMakPrc" value="" placeholder="市场价格"/></div>
                            <div class="am-u-sm-4" ><span>优惠率(%)：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.bateOfConcession" value="" placeholder="优惠率" disabled/></div>
                        </div>
                        <div class="am-g" style="width: 90%">
                                <div class="am-u-sm-4" align="left"> <span>技术参数:</span>
                                <el-input   type="textarea"   :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.jscs"></el-input>
                                </div>
                                 <div class="am-u-sm-4" align="left"><span>售后服务承诺:</span>
                                <el-input   type="textarea"  :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.letterOfCommitment"></el-input>
                            </div>
                        </div>
                        <div class="am-g" style="width: 90%">
                                <div class="am-u-sm-4" align="left">  <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</span>
                                <el-input   type="textarea"   :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.postscript"></el-input>
                            </div>

                            <div class="am-u-sm-4" align="center" style="width:30%; height:65%">
                                <button type="button" class="am-btn am-btn-secondary" v-on:click="submitQuote()" am-btn-lg>提&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交</button>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="../home/offers.html"><button type="button" class="am-btn am-btn-success" am-btn-lg >取&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;消</button></a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../charge/quotationperson.js"></script>
</html>